<template>
  <div class="myself">
    <Header title="个人档案卡" />
    <Imgtext path="myselfWrite" />
    <div class="content">
      <div class="list_content">
        <li>
          <span>编号</span>
          <span>PDB19881122HYLX</span>
        </li>
        <li>
          <span>昵称</span>
          <span>球王</span>
        </li>
        <li>
          <span>姓名</span>
          <span>赵伟国</span>
        </li>
        <li>
          <span>性别</span>
          <span>男</span>
        </li>
        <li>
          <span>生日</span>
          <span>1988-01-23</span>
        </li>
        <li>
          <span>年龄</span>
          <span>30</span>
        </li>
        <li>
          <span>民族</span>
          <span>汉族</span>
        </li>
        <li>
          <span>职业</span>
          <span>销售经理</span>
        </li>
        <li>
          <span>家庭住址</span>
          <span>
            湖北省武汉市黄陂区三环线武汉市黄陂区
            滠口颖萱
          </span>
        </li>
        <li>
          <span>身份证号</span>
          <span>420982198801236015</span>
        </li>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import Vue from "vue";
import Imgtext from "@/components/imgText.vue";
import Header from "@/components/header.vue";
export default Vue.extend({
  components: {
    Imgtext,
    Header,
  },
});
</script>
<style scoped>
.myself {
  height: 100vh;
  background: #eee;
}
.content {
  margin-top: 15px;
  background: white;
}

.list_content li span:nth-child(1) {
  width: 33%;
}
</style>